Dia 26

Crea un mensaje emergente al pulsar un botón, que desaparezca al pulsar fuera del mensaje.

⬅ Volver

Esta ventana fue creada usando el atributo popover. Asignamos un id al contenedor de la ventana y un atributo popover. Creamos un botón que servirá para mostrar la ventana, al que le asignamos un atributo popovertarget con un valor igual al id de la ventana y un atributo popovertargetaction="toggle". Dentro del contenedor podemos añadir, por ejemplo, un párrafo como este. De esta forma cuando hagamos clic en el botón se abrirá la ventana y al volver a hacer clic en el botón o fuera de la ventana, se cerrará.